<template>
  <div class="classifybox">
    <Search></Search>
    <main>
      <Aside @tab="tab1"></Aside>
      <Main :type="type"></Main>
    </main>
  </div>
</template>

<script>
import Search from '../components/SearchBar'
import Aside from './Classify/Aside'
import Main from './Classify/Main'
  export default {
    components:{
      Search,Aside,Main
    },
    methods:{
      tab1(type){
        this.type=type
      }
    },
    data(){
      return{
        type:''
      }
    }
  }
</script>

<style scoped>
.classifybox{
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
main{
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  margin-top: 0.02rem;
  background-color: #ffffff;
}
</style>